<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
	<title>分享文件</title>
	<link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/mydisk.css"/>
</head>
<body>
{% load myfilters %}

{% include 'header.html' %}

<div class="scrollable file-explorer">
    <div class="scroll-container">
        <div class="file-list ">
            {% for file in file_list %}
            <div class="file-item" id="file{{ file.id }}" data-file-id="{{ file.id }}" data-file-type="{{ file.file_type }}">
                <div class="file-name">
                    <svg class="icon" aria-hidden="true">
                        {% if file.file_type == 1 %}
                            <use xlink:href="#icon-folder-c"></use>
                        {% else %}
                            <use xlink:href="{{ file.file_ext | file_ext_format }}"></use>
                        {% endif %}
                    </svg>
                    <span class="file-name-text">{{ file.file_name }}</span>
                </div>
                <div class="file-download">
                    <a href="/download/?file_id={{ file.id }}" target="_blank">
                        <span class="iconfont icon-download"></span>
                    </a>
                </div>
                <div class="file-length">
                    {% if file.file_length %}
                        {{ file.file_length | filesizeformat }}
                    {% else %}
                        -
                    {% endif %}
                </div>
                <div class="last-modify-date">{{ file.file_upload_date | datetimeformat }}</div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/layer/layer.js" ></script>
<script type="text/javascript" src="/static/js/iconfont.js" ></script>
</body>
</html>